﻿@using HopNguyenModel.General
@model HopNguyenModel.Content
<div id="primary">
    <div class="box-big">
        <div class="box-big-bg">
            <div class="text-box-big">
                <h1 class="title-news">
                    @Model.Name
                </h1> 
                <p style="font-size: 12px;line-height: 31px;margin-left: 20px;" id="news-date">
                    @Model.CreateDate
                </p>
                <div style="height: 20px">
                <div id="fb-root">
                    <div style="padding-right: 10px; float: left"   class="fb-like" data-href="@Request.Url.ToString()" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
                </div>
                <!-- Place this tag where you want the +1 button to render. -->
                <div style="padding-top: 5px;" class="g-plusone" data-size="medium"></div>
                <!-- Place this tag after the last +1 button tag. -->
                <script type="text/javascript">
                    (function () {
                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                        po.src = 'https://apis.google.com/js/plusone.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                    
                    })();
                    (function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1390532984544664&version=v2.0";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
                    </div>
                @*  <div class="share">
                        <span class="pull-left">Chia sẻ với bạn bè</span>:
                        <!-- AddThis Button BEGIN -->
                        <div class="addthis_toolbox addthis_default_style">
                            <a class="addthis_counter addthis_pill_style"></a>
                            <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                            <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
                        </div>
                        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f3a2e9f02cec0f9"></script>
                        <!-- AddThis Button END -->*@
            </div>
            <div class="detail-news">
                <img alt="@Model.Name" src="@Model.Image" style="float:left; max-height: 200px; max-width: 200px;margin: 0px 20px 20px 0px;">
                @Html.Raw(Model.Detail)
            </div>
            @if (Model.Tags.Count > 1)
            {
                <div class="tags">
                    <strong>Tags</strong>: 
                    @foreach (var item in Model.Tags)
                    {
                        <a href="/tags/@(Tool.ReplaceSpace(item.Name)).html" title="@item.Name">@item.Name.ToLower(), </a>
                    }
                </div>
            }
            @if (Model.GetOther.Any())
            {
                <div class="other-news">
                    <p>Dịch Vụ Khác </p>
                    <ul>
                        @foreach (var item in Model.GetOther.OrderByDescending(a => a.Id).Take(10))
                        {
                            <li>
                                <a href="/@item.TypeContent.Alias/@(item.Alias).html" title="@item.Name"><i class="fa fa-circle-thin"></i> @item.Name</a>
                            </li>
                        }
                    </ul>
                </div>
            }
            <script src="https://apis.google.com/js/plusone.js"></script>
            <div class="g-comments"
                 data-href="@Request.Url"
                 data-width="695"
                 data-first_party_property="BLOGGER"
                 data-view_type="FILTERED_POSTMOD"
                 data-height="400" style="height: 100px">
            </div>
        </div>
    </div>
</div>
<div id="col-right">
    @Html.Partial("Patial/Layout/_SideBarLeft")
</div>

<div style="display: none">
    <div itemscope itemtype="http://data-vocabulary.org/Review">
        <span itemprop="itemreviewed">@Model.Name</span>
        Reviewed by <span itemprop="reviewer">Nghĩa Nguyễn</span> on
        <time itemprop="dtreviewed" datetime="@DateTime.Now.ToString("dd/MM/yyyy")"></time>.
        <span itemprop="summary">@Model.Name</span>
        <span itemprop="description">@(Model.MetaDescription)</span>
        Rating: <span itemprop="rating">5</span>
    </div>
</div>
 
   

